/* ======= Chat Window - Start ======== */
#vimuachat_holder { width: 720px; height: 400px; position: absolute; left: 50%; margin-left: -361px; top:19px;}
#vimuachat_holder .shadow { width: 100%; height: 10px; font-size: 1px; line-height: 1px; background: url(../+i/chat_shadow.png) 50% 0 no-repeat; display: none }
#vimuachat_holder .shadow { 
	*background:none;
}
#vimuachat { 
width: 720px; height: 400px;
background: #fff;
border: 1px solid #734ec6;
border-top: 0;
border-bottom: 1px solid #734ec6;
display: none }

/* ======= Chat Window - 3 Columns ======== */


#vimuachat .column1 { float: left; width: 340px; margin-left: 2px; padding: 0; border: 0 }
#vimuachat > .container > .column1 { float: left; width: 340px; margin-left: 5px; padding: 0; border: 0 }
#vimuachat > .textbar > .column1 { float: left; width: 340px; margin-left: 5px; padding: 0; border: 0 }
#vimuachat .column2 { float: left; width: 240px; margin-left: 5px; padding: 0; border: 0 }
#vimuachat .column3 { float: left; width: 125px; margin-left: 0; padding: 0; border: 0 }


/* ======= Chat Window - 4 Rows ======== */


#vimuachat .toolbar { 
	height: 25px; 
	line-height: 25px;
	/* 
	background: #ADD3FB;
	*/
	background: url(../+i/bg_messager.gif) repeat-x scroll 0 0; 
	zoom: 1; 
	vertical-align: middle }
#vimuachat .textbar { 
	height: 25px; 
	line-height: 25px; 
	background: #E3E3E3; 
	color: #000; }
#vimuachat .container { height: 325px; background: #E3E3E3 }
#vimuachat .statusbar { height: 25px; line-height: 25px; background: #E3E3E3 }


/* ======= Chat Window - Toolbar ======== */


#vimuachat .toolbar .left { float: left; height: 25px; zoom: 1 }
#vimuachat .toolbar .right { float: right; height: 25px; zoom: 1;width:50%; }
#vimuachat .toolbar p { margin: 0 }

#vimuachat .toolbar .left p { margin: 0 5px }
#vimuachat .toolbar .left .input_text { padding: 0 20px 0 0; border: 0; height: 15px; font-size: 10px; line-height: 15px }
#vimuachat .toolbar .left .input_button { padding: 0; margin: 0; border: 0; background: url(../+i/magnifier.gif) 0 0 no-repeat; width: 15px; height: 15px; cursor: pointer; text-indent: -999em; overflow: hidden; position: relative; left: -20px }
#vimuachat .toolbar .left .pieholder { display: inline-block; width: 1px; height: 1px; position: relative }
#vimuachat .toolbar .left .pieholder ul { z-index: 92; background: #ADD3FB; width: 130px; height: auto; position: absolute; top: 6px; left: 5px; font-size: 0.85em; display: none }
#vimuachat .toolbar .left .pieholder ul li { display: block; padding-left: 3px }
#vimuachat .toolbar .left .pieholder ul li a { padding-left: 20px; display: block; }
#vimuachat .toolbar .left .pieholder ul li a.icon_p { background: url(../+i/coins.png) 2px 50% no-repeat }
#vimuachat .toolbar .left .pieholder ul li a.icon_u { background: url(../+i/user.png) 2px 50% no-repeat }

/* #vimuachat .toolbar .right a.link_button { padding: 0 5px; background: #65ACF8 }
#vimuachat .toolbar .right a.link_button:hover { background: #1D85F5; color: #fff; text-decoration: none } */
#vimuachat .toolbar .right ul { height: 25px; float: right }
#vimuachat .toolbar .right ul li { display: inline; padding: 0 5px }
#vimuachat .toolbar .right ul li.last { border-left: 1px solid #D5E9FB }
#vimuachat .toolbar .right button.button { padding: 0; font-size: 0.9em }

#vimuachat .toolbar .right ul li.quickprice { margin-right: 30px }
#vimuachat .toolbar .right .input_text { padding: 0 20px 0 0; width: 80px; border: 0; height: 15px; font-size: 10px; line-height: 15px }
#vimuachat .toolbar .right .input_button { padding: 0; margin: 0; border: 0; background: url(../+i/calculator.png) 0 0 no-repeat; width: 15px; height: 15px; cursor: pointer; text-indent: -999em; overflow: hidden; position: relative; left: -15px }
#vimuachat .toolbar .right .input_button_send { padding: 0; margin: 0; border: 0; background: url(../+i/arrow_right.png) 0 0 no-repeat; width: 15px; height: 15px; cursor: pointer; text-indent: -999em; overflow: hidden; position: relative; left: -15px }
#vimuachat .toolbar .right .pieholder { display: inline-block; width: 1px; height: 1px; position: relative }

#vimuachat .toolbar .right .pieholder ul { z-index: 92; background: #fff; border: 1px solid #ADD3FB; width: 190px; height: auto; position: absolute; top: 6px; left: -60px; font-size: 0.85em; display: none }
#vimuachat .toolbar .right .pieholder ul li { display: block; padding: 2px 5px; height: 1.5em; text-align: right }

#vimuachat .toolbar .right .pieholder table { z-index: 92; background: #fff; border: 1px solid #ADD3FB; width: 325px; height: auto; position: absolute; top: 6px; left: -60px; font-size: 0.85em; display: none }
#vimuachat .toolbar .right .pieholder table select { font-size: 1em; width:120px;}
#vimuachat .toolbar .right .pieholder table td { padding: 0 5px }
#vimuachat .toolbar .right .pieholder table td.price { text-align: right; font-weight: bold }


/* ======= Chat Window - 3 Main Layout ======== */


#vimuachat .container .vimuachat_show { 
	height: 323px; border: 1px solid #aacbe7; position: relative; overflow: hidden; background: #fff ;
}
#vimuachat .container #vimuachat_chat { height: 315px; background: #4D9FF7; padding: 5px }
#vimuachat .container #vimuachat_list { height: 325px; overflow-x:hidden; }


/* ======= Chat Window - Show Product ======== */


#vimuachat .container .vimuachat_show .name { position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 0 0 5px; background: #333; color: #fff; text-align: right; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6 }
#vimuachat .container .vimuachat_show .name h6 { font-size: 1.5em; margin: 0 5px; text-align: right }
#vimuachat .container .vimuachat_show .name p { font-size: 0.9em; margin: 0 5px; text-align: right }
#vimuachat .container .vimuachat_show .main { height: 300px }
#vimuachat .container .vimuachat_show .scroll { height: 71px; position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; overflow: hidden; overflow-x: auto; border-top: 1px solid #aacbe7; display: none; z-index:99}
#vimuachat .container .vimuachat_show:hover .scroll,
#vimuachat .container .vimuachat_show.hover .scroll { display: block }
#vimuachat .container .vimuachat_show .scroll ul { width: 1100px }
#vimuachat .container .vimuachat_show .scroll ul li { display: block; float: left }
#vimuachat .container .vimuachat_show .scroll ul li a { position: relative; display: block; border: 2px solid #fff }
#vimuachat .container .vimuachat_show .scroll ul li a:hover { border: 2px solid #278DF4 }
#vimuachat .container .vimuachat_show .scroll ul li a span { display: block; width: 16px; height: 16px; position: absolute; bottom: 0; right: 0; font-size: 1px; line-height: 1px }
#vimuachat .container .vimuachat_show .scroll ul li a span.photo { background: url(../+i/photo.png) 0 0 no-repeat }
#vimuachat .container .vimuachat_show .scroll ul li a span.video { background: url(../+i/film.png) 0 0 no-repeat }
#vimuachat .container .vimuachat_show .scroll ul li a span.flash { background: url(../+i/eye.png) 0 0 no-repeat }
#vimuachat .container .vimuachat_show .scroll ul li a span.info { background: url(../+i/information.png) 0 0 no-repeat }


/* ======= Chat Window - Chat Input ======== */


#vimuachat .container #vimuachat_chat .all { border: 1px solid #aacbe7; background: #fff; margin: 0 0 5px; height: 268px; overflow: hidden; overflow-y: scroll }
#vimuachat .container #vimuachat_chat .all .alert { padding: 5px; margin: 5px; border: 1px solid #F48F92; background: #f0f6fb }
#vimuachat .container #vimuachat_chat .all .alert .confirm_no { color: red; text-decoration: underline }
#vimuachat .container #vimuachat_chat .all .alert .confirm_yes { font-weight: bold; color: green; text-decoration: underline }
#vimuachat .container #vimuachat_chat .all p { margin: 0 }
#vimuachat .container #vimuachat_chat .all span.user_a { font-weight: bold; color: #CC6500 }
#vimuachat .container #vimuachat_chat .all span.user_b { font-weight: bold; color: #009 }
#vimuachat .container #vimuachat_chat .input { border: 1px solid #aacbe7; background: #fff; height: 38px; overflow: hidden; position: relative }
#vimuachat .container #vimuachat_chat .input .input_textarea { border: 0; height: 58px; overflow: hidden; width: 168px }
#vimuachat .container #vimuachat_chat .input .input_button { position: absolute; right: 6px; bottom: 6px; width: 40px; height: 25px; background: url(../+i/button_send_sprites.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; border: 0; cursor: pointer }
#vimuachat .container #vimuachat_chat .input .input_button:hover { background: url(../+i/button_send_sprites.gif) 0 bottom no-repeat }


/* ======= Chat Window - Chat User list ======== */


#vimuachat .container #vimuachat_list ul.usertab { padding: 0 5px; height: 20px; border-bottom: 1px solid #4D9FF7; overflow: visible;  *width:116px; }
#vimuachat .container #vimuachat_list ul.usertab li { height: 19px; line-height: 19px; float: right; padding: 0 5px; border: 1px solid #4D9FF7; margin-right: 3px }
#vimuachat .container #vimuachat_list ul.usertab li.current { background: #fff; border-bottom: 1px solid #fff }

#vimuachat .container #vimuachat_list ul.userlist { background: #fff; border: 1px solid #4D9FF7; border-left: 0; border-top: 0; height: 303px; overflow: hidden; overflow-y: scroll; *width:125px; }
#vimuachat .container #vimuachat_list ul.userlist li { display: block; font-size: 1em; line-height: 1.6em; height: 1.6em }
#vimuachat .container #vimuachat_list ul.userlist li.current { background: #4D9FF7 }
#vimuachat .container #vimuachat_list ul.userlist li a { padding: 0 0 0 2px; display: block; font-weight: bold;  font-size: 1em; line-height: 1.6em; height: 1.6em; white-space:nowrap }
#vimuachat .container #vimuachat_list ul.userlist li.current a { color: #fff }
#vimuachat .container #vimuachat_list ul.userlist li a:hover { text-decoration: none; background: #f1f1f1 }
#vimuachat .container #vimuachat_list ul.userlist li.current a:hover { background: #4D9FF7 }
#vimuachat .container #vimuachat_list ul.userlist li a span { position: relative; top: 4px; left: 3px; display: block; float: left; font-size: 9px; width: 9px; height: 9px; line-height: 9px; padding: 2px; color: #fff; background: transparent; font-weight: normal }
#vimuachat .container #vimuachat_list ul.userlist li a.gray { font-weight: normal; color: #999 }

#vimuachat .container #vimuachat_list ul.list_all { display: block }
#vimuachat .container #vimuachat_list ul.list_fav { display: none; *width:125px; }

.messenger-quote-message
{
	border:1px solid #ccc;
	background-color:#FFFFAA;
	padding:5px;
}
.messenger-quote-message label
{
	font-weight:bold;
	display:block;
	text-decoration: underline;
}
.messenger-quote-message quote
{
	padding:5px 0 10px 0;
	font-family:Courier Arial Vernada;
}

/* ======= Chat Window - Status Bar ======== */


#vimuachat .statusbar p { margin: 0 5px; font-size: 0.9em }

/*
 * LIGHTSTREAMER - www.lightstreamer.com
 * Basic Instant Messenger Demo
 */
.status {
  font-family: Sans-serif;
  font-size: 8pt;
  color: #000000;
  /*background-color: #fef19a;*/
  font-weight: bold;
  position: fixed;
  bottom: 18px;
  right: 10px;
}
#tabPane{
	overflow: auto;
	*width:228px;
	background:#fff;
	border: 1px solid #aacbe7;
	min-height:257px; 
	height:257px;
}
body > .status { position: fixed; }
 .messagePanel { background: #fff; margin: 0 0 5px; }
 .messagePanel .alert { padding: 5px; margin: 5px; border: 1px solid #F48F92; background: #f0f6fb }
 .messagePanel .alert .confirm_no { color: red; text-decoration: underline }
 .messagePanel .alert .confirm_yes { font-weight: bold; color: green; text-decoration: underline }
 .messagePanel p { margin: 0 }
 span.user_a { font-weight: bold; color: #CC6500 }
  span.user_b { font-weight: bold; color: #009 }
 .message-chat-input { background:#fff; }
 .message-chat-input #user_message { border: 0; width: 182px; height: 25px; padding-top:8px; }
 .message-chat-input .input-button { right: 6px; bottom: 6px; width: 40px; height: 25px; background: url(../+i/button_send_sprites.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; border: 0; cursor: pointer }
 .message-chat-input .input-button:hover { background: url(../+i/button_send_sprites.gif) 0 bottom no-repeat }
 .userlist { background: #fff; border: 1px solid #4D9FF7; border-left: 0; border-top: 0; height: 303px; overflow: hidden; overflow-y: auto; }
/*------------------Showroom------------------------*/ 
.vimuachat_show { height: 323px; border: 1px solid #aacbe7; position: relative; overflow: hidden; background: #fff }
.show-room { height: 323px; border: 1px solid #aacbe7; position: relative; overflow: hidden; background: #fff }
#vimuachat-show { height: 323px; border: 1px solid #aacbe7; position: relative; overflow: hidden; background: #fff }
.messageArea {
  width: 230px;
  height: 315px;
  background: #cfcdcd; padding: 5px
}
.messageArea {
	_height:285px;
	*height:285px;
}
.messageContainer {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #0055aa;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5x;
  padding-bottom: 3px;
}
.messagePart1 {
  font-family: Sans-serif;
  font-size: 8pt;
  color: #0080ff;
}
.messagePart2 {
  font-family: Sans-serif;
  font-size: 9pt;
  color: #000000;
}
.sendTitle {
  font-family: Sans-serif;
  font-size: 9pt;
  color: #000000;
}
.buddiesTitle {
  height: 15px;
  font-family: Sans-serif;
  font-size: 9pt;
  background-color: #b0b0b0;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.buddiesPanel {
  width: 150px;
  height: 265px;
  overflow: auto;
  border-style: solid;
  border-color: #b0b0b0;
  border-width: 3px;
  background-color: #ffffff;
}
.buddy {
  font-family: Sans-serif;
  font-size: 9pt;
  color: #101010;
}

/* Khoanb */
#listSearchChat{
	display: none; 
	background: #ADD3FB; 
	height: 350px; 
	width: 160px; 
	overflow-y: auto;
	overflow-x: none;
	z-index: 100;
	position: absolute;
}
#list-product{
	width:100%;
	height:100%;
	
}
#listSearchChat:hover{
	display: block; 
}
#listSearchChat ul{
	list-style:none; 
	margin-left:-30px;
}
.input_button_send{
	padding: 0; margin: 0; border: 0; background: url(../+i/arrow_right.png) 0 0 no-repeat; width: 15px; height: 15px; cursor: pointer; text-indent: -999em; overflow: hidden; position: relative; left: -15px

}
.showroomDetail{
	text-align:center;
	width:auto;
	height:250px;	
	margin-top:50px;
}
.properties-tab{
	text-align:left;
}	
.show-room
{
	text-align:center;
}
.show-room *
{
	text-align:left;
}

p {
	margin: 7px 0 0 0;
}

#purr-container {
	position: fixed;
	top: 0;
	right: 0;
}

.notice {
	position: relative;
	width: 324px;
}
.notice .close	{position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(../+i/purrClose.png) no-repeat 0 10px;}

.notice-body {
	min-height: 50px;
	padding: 22px 22px 0 22px;
	color: #f9f9f9;
	background: url(../+i/purrTop.png) no-repeat left top;	
}
	.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
	.notice-body h3	{margin: 0; font-size: 1.1em;}
	.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}

.notice-bottom {
	height: 22px;
	background: url(../+i/purrBottom.png) no-repeat left top;
}

.textMessage a.link
{
	color:blue;
	text-decoration:underline;
}
.textMessage a:hover
{
	text-decoration:underline;
}
.span-button{
	cursor:pointer;
}